/*html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
* {margin: 0; padding: 0;}* {margin: 0; padding: 0;}*/
.splash {position: relative; z-index: 999; display: table; width: 100px; height: 100px; background-color: #f3f0eb;}
.splash>.splash-inner {display: table-cell; text-align: center; vertical-align: middle;}
.splash h1,.splash h2,.splash h3 {font-weight: normal;}
.splash h3 {display: block; margin-top: 3px; font-size: 18px; color: #666; font-weight: lighter;}
.splash .loading-circle {position: relative; width: 100px; height: 100px; margin: auto;}
.splash .loading-circle>* {display: block; position: absolute; box-sizing: border-box; border-radius: 75px;}
.splash .loading-circle>canvas.bg {z-index: 1; width: 100%; height: 100%; border: 10px solid #ddd ;}
.splash .loading-circle>canvas.mask {z-index: 2; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);}
.percent{width: 100px; height: 100px;}
.ps {z-index: 3; width: 48px; height: 27px; text-align: center; position: relative;margin: -15px 5px 0 23px;line-height: 100px; font-size: 20px; font-weight: lighter; color:#0000CD;}
